
.sy-reply{
  display: flex;
  align-items: center;
  @mixin icon($url) {
    color: $grey-9;
    cursor: pointer;
    &:hover{
      opacity: .7;
    }
    &::before{
      content: '';
      vertical-align: -2px;
      margin-right: 4px;
      display: inline-block;
      width: 16px;
      height: 16px;
      background: $url;
      background-size: cover;
    }
  }
  .like{
    @include icon(url() 0 0 no-repeat);
    margin-right: 20px;
    &:hover{
      opacity: .7;
    }
  }
  .like_active{
    @include icon(url() 0 0 no-repeat);
    color: $theme-color;
  }
  .reply{
    @include icon(url() 0 0 no-repeat);
  }
}